<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>tupian</title>
    <link rel="stylesheet" href="./tupian.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div class="a" id="col1">
    <div class="b" id="col2">
        <div class="g">
            <img style="float: left; margin-top: 2%;" src="./img/p.png">
            <div style="margin-top: 3%;margin-left: 2%;font-size: 12px;color: #525252;float: left"><b>POSTED 2014.03.23</b>
                </br>UC adoption surges as vendors end traditional PBX support http://t.co<p style="margin-top: -1%;">/nfVo3ObGM3</p></div>

        </div>
        <div class="h">
            <p class="z">Truly</p>
            <p class="z">Vibrant</p>
            <p class="z">Telephony.</p>
        </div>
        <div class="o">
            <img style="width: 6%;" src="./img/QQ图片20151010183613.png">
            <div style="margin-left:6%;margin-top: -4.5%; color: #515151;line-height: 28% ;"><p>COLOURED</p><b>LINES</b></div>
        </div>
        <div class="u" style=" color: #515151;line-height: 50% ;font-size: 12px;">
            <p>Here tochallenge the status quo when it comes to telephony,ColouredLines is a new bread</p>
            <p>of full service VOIP carrier offordable voice and data communication over a</p>
            <p>business grade,private network.</p>
        </div>
        <div class="n">

            <div class="k" ><img class="ab" src="./img/sou.png"></div>
            <input class="l" type="text"  placeholder="search this site">
        </div>
        <div class="x">
            <p style="color: #5d5d5d">Web design [Yoke]</p>
        </div>
    </div>
    <div class="c" id="col3">
        <div class="d"><p class="y"><b>WHO WE ARE</b></p><img class="t" src="./img/11.png"></div>
        <div class="d-1"><p class="y"><b>WHAT WE DO</b></p><img class="t" src="./img/22.png"></div>
        <div class="d-2"><p class="y"><b>WHY CHOOSE US</b></p><img class="t" src="./img/33.png"></div>
        <div class="d-3"><p class="y"><b>PRODUCTS</b></p><img class="t" src="./img/44.png"></div>
        <div class="d-4"><p class="y"><b>TESTIMONIALS</b></p><img class="t" src="./img/55.png"></div>
        <div class="d-5"><p class="y"><b>FAQS</b></p><img class="t" src="./img/66.png"></div>
        <div class="d-6"><p class="y"><b>CONTACT US</b></p><img class="t" src="./img/77.png"></div>
        <div class="d-7"><p class="y"><b>BLOG</b></p><img class="t" src="./img/88.png"></div>
        <div class="e"></div>
    </div>
</div>

</body>
</html>
<script>
    total = document.documentElement.clientHeight;
    colHeight = total-document.getElementById("col1").offsetTop;
    document.getElementById("col1").style.height=colHeight+"px";
    document.getElementById("col2").style.height=colHeight+"px";
    document.getElementById("col3").style.height=colHeight+"px";
</script>